<!-- 轮播图展示页面 -->
<template>
  <div class="show_magnify">
    <magnify
      :imgUrl="state.imgUrl"
      :width="state.imgWidth"
      :height="state.imgHeight"
      :magWidth="state.magWidth"
      :magHeight="state.magHeight"
    ></magnify>
  </div>
</template>

<script setup>
//需要的数据源
const state = reactive({
  //图片地址
  imgUrl:
    "https://img.pconline.com.cn/images/upload/upc/tx/itbbs/2101/25/c1/251135935_1611532823091_mthumb.jpg",
  //图片的宽度
  imgWidth: 375,
  //图片的高度
  imgHeight: 440,
  //放大镜部分宽度
  magWidth: 150,
  //当打井部分高度
  magHeight: 150,
});
</script>

<style lang="scss" scoped></style>
